import Count from "./components/Count"
import RefsEx from "./components/RefsEx"
import CountReduxEx from "./components/CountReduxEx"

import CountReactRedux from './container/Count'

import store from "./completeRedux/store";

// 利用provider达到全局状态管理
import { Provider } from "react-redux";

import UserRedux from "./useContent/useredux"

import './App.css';
import Grid from "./grid";

function App() {
  return (
    <div className="App">
      
      <Count></Count>

      <RefsEx></RefsEx>

      <CountReduxEx></CountReduxEx>

      <Provider store={store}>
        <CountReactRedux ></CountReactRedux>
      </Provider>
      {/* <UserRedux></UserRedux> */}

      {/* <Grid></Grid> */}

    </div>
  );
}

export default App;
